import React from 'react';

import {
	TouchableOpacity,
	Image,
	Text,
	StyleSheet,
	View,
} from 'react-native';


import Common from '../common/constants';



export default class Card extends React.Component {


	render(){

		return (
			<View style={styles.main}>
				<TouchableOpacity 
					style={styles.searchInput}
					onPress={this.props.searchAction}
				>
	                <Text>{this.props.title}</Text>
				</TouchableOpacity>
			</View>
		);

	}
}


const styles = StyleSheet.create({
	main : {
		flexDirection: 'row',
		alignItems: 'center',
		justifyContent: 'center',
        backgroundColor: 'red',
        borderColor: '#ccc',
        borderWidth: 0.5,
	},
	// searchInput : {
	// 	flexDirection: 'row',
	// 	padding: 10,
	// 	alignItems: 'center',
	// 	height: 32,
	// 	margin: 6,
 //        backgroundColor: 'rgb(245, 246, 247)',
 //        borderRadius: 25,
 //        width: Common.window.width - 10,
	// },
	// searchIcon : {
	// 	width: 20,
 //        height: 20,
	// },
	// searchPlaceholder : {
	// 	marginLeft: 10,
 //        textAlign: 'center',
	// 	fontSize: 15,
 //        color: 'gray'
	// }
});